.order-content{
    width: 100%;
    overflow: hidden;
}
.nav-bar{
    height: 2.5rem;
    width:100%;
    background:#ffffff;
    border-bottom:1px solid #e4e4e4;
    display:flex;
}
.nav-bar .same-box{
    width:20%;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    color:#000000;
    position:relative;
}
.nav-bar .same-box.active{
    color:#ff0808;
}
.nav-bar .same-box .icon{
    display:block;
    width:16px;
    height:2px;
    background:#ff0808;
    position:absolute;
    left:50%;
    margin-left:-8px;
    bottom:0;
    display:none;
}
.nav-bar .same-box:first-child .icon{
    display:block;
}
.tab-content{
    width:100%;
    background:#ffffff;
    margin:0 auto;
    margin-top:10px;
    border-bottom: 1px solid #f2f2f2;
}
.tab-content-in{
    width:94%;
    margin:0 auto;
    display:none;
}
.tab-content-in.tab-content-in3{
    background: #f2f2f2;
    width:100%;
}
.tab-content-in:first-child{
    display:block;
}
.tab-content-in .list-ul{
    width:100%;
    overflow:hidden;
}
.tab-content-in .list-li{
    width:100%;
    height:5.5rem;
    border-bottom:1px solid #e5e5e5;
    position:  relative;
}
.tab-content-in .list-li:last-child{
    border-bottom:none;
}
.tab-content-in .list-li .left-img{
    height:2rem;
    width:2rem;
    float:left;
    background:#e4fedd;
    margin-top:1rem;
    margin-right:0.5rem;
}
.tab-content-in .list-li .transaction-zt{
    display:inline;
    position:absolute;
    right:0;
    top:1rem;
    color:#000000;
}
.tab-content-in .list-li .transaction-zt.active{
    color: #ff0808;
}
.tab-content-in .list-li .right-btngroup{
    display:flex;
    margin-top: 3rem;
    float:  right;
}
.tab-content-in .list-li .right-btngroup .r-btn{
    padding-left:0.25rem;
    padding-right:0.25rem;
    height:22px;
    border:1px solid #ff0808;
    border-radius:5px;
    line-height:22px;
    text-align:center;
    color:#ff0808;
    font-size:12px;
}
.tab-content-in .list-li .right-btngroup .r-btn1{
    border:1px solid #666666;
    padding-left:0.25rem;
    padding-right:0.25rem;
    height:22px;
    border-radius:5px;
    line-height:22px;
    text-align:center;
    color:#666666;
    font-size:12px;
    margin-right:0.25rem;
}
.tab-content-in .list-li .right-btngroup .r-btn2{
    border:1px solid #666666;
    padding-left:0.25rem;
    padding-right:0.25rem;
    height:22px;
    border-radius: 3px;
    line-height:22px;
    text-align:center;
    color:#666666;
    font-size:12px;
    margin-right: 0.25rem;
}
.tab-content-in .list-li .left-img img{
    display:block;
    width:100%;
    height:100%;
}
.tab-content-in .list-li .center-info{
    float:left;
}
.tab-content-in .list-li .center-info .title{
    font-size:0.85rem;
    color:#000000;
    margin-top:1rem;
}
.tab-content-in .list-li .center-info .num{
    font-size:12px;
    color:#999999;
    margin-top:0.25rem;
}
.tab-content-in .list-li .center-info .price{
    font-size:12px;
    color:#999999;
    margin-top:0.25rem;
}

.tab-content-nothing{
    width:50%;
    text-align:center;
    margin:0 auto;

    margin-top:50%;
}
.tab-content-nothing .title{
    font-size:16px;
    color:#010101;
}
.tab-content-nothing .text{
    font-size:12px;
    color:#999999;
    margin-top:1rem;
    margin-bottom:1rem;
}
.tab-content-nothing .btn{
    border:1px solid #ff0808;
    height:1.5rem;
    display:block;
    width:5rem;
    color:#ff0808;
    border-radius:5px;
    line-height:1.5rem;
    margin:0 auto;
}